/* pages/order.wxss */
.tabbox{
  margin-top: 40rpx;
  display: flex;
  justify-content: space-evenly;
}
.tab > view > text{
  display: inline-block;
  overflow: hidden;
  font-size: 28rpx;
  height: 100%;
  width: 50px;
}

.tab > view >.active{
  display: inline-block;
  font-size: 30rpx;
  font-weight: bold;
  overflow: hidden;
}

.news_banner{
  margin-top: 10rpx;
  width: 100%;
  height: 1200px;
  background-color: #ECECEC;
}

.orderbox{
  margin: 30rpx 30rpx 0;
  background: #ffffff;
  border-radius: 20rpx;
  padding: 0 30rpx 30rpx;
}
.order-top{
   display: flex;
   justify-content: space-between;
   border-bottom: 4rpx solid #ECECEC;
   padding: 22rpx 0;
}
.order-time{
  font-size: 30rpx;
  font-weight: 1000;
  color: #333333;
}

.order-status{
  font-size: 24rpx;
  font-weight: 400;
  color: #F55726;
}
.order-goodbox{
  position: relative;
  height: 228rpx;
}
.good{
  height: 228rpx;
  display: flex;
  align-items: center;
}
.good-picture{
  width: 200rpx;
  height: 200rpx;
}
.goodtext{
  position: absolute;
  top:30rpx;
  margin-left: 240rpx ;
  font-size: 30rpx;
  text-align: right;
}
.pricbox{
  position: absolute;
  right: 28rpx;
  top:120rpx;
  text-align: right;
}
.totaLNum{
  font-size: 30rpx;
  font-weight: 400;
  color: #999999;
}
.totalprice{
  font-size: 30rpx;
  font-weight: 400;
  color: #333333;
}
.price{
  font-size: 34rpx;
  color: #333333;
}
.btns{
  display: flex;
  justify-content: flex-end;
}
.btn{
  width: 140rpx;
  height: 58rpx;
  border-radius: 28rpx 28rpx 28rpx 28rpx ;
  border: 2rpx solid #999999;
  font-size: 24rpx;
  font-weight: 400;
  color: #333333;
  text-align: center;
  line-height: 58rpx;
}
.green{
  color: #40AE36;
  border: 2rpx solid #40AE36;
}
.right{
  margin-right: 20rpx;
}
.orange{
  color: #F55726;
  border: 2rpx solid #F55726;
}